{extend name="template"}

{block name="body"}


<!-- 导航栏 -->
<div class="layui-row common-nav" style="width:100%;position:fixed;top:0;left:0;height:100px;z-index:90;">
    {include file="common/header" /}
</div>
<div id="search_form" style="display: none;z-index:1000;position:absolute;">
    {include file="common/search" /}
</div>

<!-- 轮播图 -->
<div class="layui-row list-carousel" style="position:fixed;top:100px;width:100%;left:0;right:0;height:250px;z-index:80;">
    <div style="width:100%;max-width:1920px;margin:0 auto;">
        <img style="width:100%;height:100%;"  src="__ROOT__/static/index/img/subbanner_03.jpg">
    </div>
</div>


<div class="gas-index layui-fluid" style="width:100%;padding:10px 0 0;background-color:#f7f6f4;position:relative;margin-top:360px;z-index:110;">

    <div class="list-content layui-row margin-top-20">
        <div class="index-content">
            <div class="gas-left-nav pull-left">
                {include file="common/entgardenNav" /}
            </div>
            <div class="list" style="width:900px">
                <div class="header" style="height:30px;">
                    <div class="pull-left name">燃气企业</div>
                    <div class="pull-right breadcrumb">
                        <a style="color: inherit;" href="/">首页</a>->企业园地->燃气企业
                    </div>
                    <div class="pull-right search" style="margin-right:30px;">
                        <form name="search" method="get" action="">
                            <input name="page" type="hidden" value="{$page}" />
                            <input name="kw" value="{$kw}" type="text" class="input-normal" placeholder="请输入搜索关键字" />
                            <button type="submit" class="button-normal">搜索</button>
                        </form>
                    </div>
                </div>
                <div class="body-info">
                    <style>
                        .body-info ul li{min-height:200px;padding-bottom:10px;margin-right:15px;margin-bottom:20px;float:left;width:260px;border:1px solid #e7e7e7;}
                        .body-info ul li:nth-child(3n+3) {margin-right:0;}
                        .body-info ul li:hover{border:1px solid red;}
                        .body-info ul li>p{font-size:14px;line-height:20px;}
                    </style>
                    <div style="clear: both;width:100%;margin-top:20px;">
                    <ul>
                        {foreach $product.list as $key=>$vo}
                        <li style="text-align: center;">
                            <a href="/gasent/detail.html?id={$vo.id}">
                            <img style="height:160px;width:99%;" src="{$vo.logo}" />
                            <p>{$vo.name}</p>
                            <p>{$vo.intro}</p>
                            </a>
                        </li>
                        {/foreach}
                    </ul>
                    </div>
                </div>
                <div style="clear: both;" class="paging" id="test1"></div>
            </div>
        </div>
    </div>

    {include file="common/footer" /}

</div>

{/block}

{block name='style'}
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
<script>if (location.href.indexOf('#') > -1) location.replace(location.href.split('#')[0])</script>
<link rel="stylesheet" href="__ROOT__/static/index/index.css">
{/block}

{block name='script'}
<script src="__ROOT__/static/index/index.js"></script>
<script>
    window.$= layui.$;
    layui.use('laypage', function(){
        var laypage = layui.laypage;
        //执行一个laypage实例
        laypage.render({
            elem: 'test1' //注意，这里的 test1 是 ID，不用加 # 号
            ,count: '{$product.pager.total}' //数据总数，从服务端得到
            ,limit:'{$product.pager.limit}'
            ,curr:'{$product.pager.page}'
        });
        $(".paging a").click(function () {
            let curr = $(this).attr("data-page");
            let kw = $("input[name=kw]").val();
            location.href='/gasent.html?kw='+kw+'&page='+curr;
        });
    });
</script>
{/block}
